/* 
    Document   : style
    Created on : Jul 31, 2009, 11:57:59 PM
    Author     : Dennis Cohn Muroy
    Description:
        Purpose of the stylesheet follows.
*/


/* All */

html, body {
    margin-left:auto;
    margin-right:auto;
    width:1024px;
    font-family:sans-serif;
    font-size: 14px;
    color: black;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

/* Banner */
#header {
    text-align: center;
    height: 120px;
    padding-top: 10px;
    width:100%;
}

ul.actions li {
    text-align: right;
    color: white;
}

ul.sections li {
    background-color: #E6FFCC;
    text-align: center;
}

/* Breadcrumb */
#breadcrumb-area {
    background-color: #E6FFCC;
    text-align: left;
    width: 100%;
    display: inline-block;
    padding-top: 5px;
}

#breadcrumb-area #breadcrumb {
    padding-left: 5px;
}

#breadcrumb-area #logout {
    padding-right: 5px;
    float: right;
}

/* Footer */
#footer {
    height: 20px;
    padding-top: 10px;
    background-color:#66FF66;
    font-size: 10px;
    color:#003300;
    text-align:center;
}

/* Application Information Messages */
#message div {
    padding: 5px;
    border-width: thin;
    border-style: solid;
    font-weight: bold;
    text-align: center;
}

#message div.error{
    background-color: #FF9966;
    border-color: red;
    color: red;
}

#message div.information{
    background-color: #99CCFF;
    border-color: navy;
    color: navy;
}

#message div.warning{
    background-color: #FFFF99;
    border-color: #996600;
    color: #996600;
}

#content {
    min-height: 220px;
    max-height: 400px;
    padding-top:10px;
    padding-right:5px;
    padding-left:5px;
    background-color: #E6FFCC;
}

/* Panel */

#central-panel-menu {
    display: inline-block;
}

.panel-item {
    text-align: center;
    border: thin solid #003300;
    width: 150px;
    height: 150px;
    margin-left: 120px;
    margin-bottom: 40px;
    list-style-type: none;
    float: left;
}

.panel-item:hover {
    background-color: #99FF66;
}

.panel-item a {
    text-decoration: none;
    width: 100%;
}

.panel-item a img {
    border: none;
    margin-top: 30px;
    margin-bottom: 10px;
}

/* Forms */

.left {
    text-align:left;
}

.right {
    text-align:right;
}

.justify {
    text-align:justify;
}

.center {
    text-align:center;
}

.loginform {
    width: 400px;
    float:right;
    border:solid #003300 thin;
    padding: 5px;
}

.loginintro {
    width:580px;
    float:left;
    border:double #FF6600 thin;
    padding: 5px;
    background-color: #FFFF99;
}

div.row {
    margin-left:auto;
    margin-right:auto;
    float: left;
    width: 400px;
    height:30px;
}

span.label {
    margin-top: 4px;
    font-weight: bold;
    float: left;
    width: 120px;
    text-align: right;
    height:30px;
}

span.field {
    float: right;
    width: 270px;
    text-align: left;
    height:30px;
}

label:after {
    text-transform: uppercase;
    content: " [" attr(accesskey) "] : ";
}

input, textarea, select {
    
}

input[type=text].login, input[type=password].login {
    width: 260px;
}

input[type=submit], input[type=reset] {
    margin-left:5px;
    margin-right:5px;
}